﻿<!DOCTYPE html>
<html>
	<head>
		<title>Добавление фона и границ ячеек</title>
		<meta charset="utf-8" />
        <meta name="description" content="Измените стиль ячеек, добавив фон и границы" />
		<link type="text/css" rel="stylesheet" href="../../../../../../common/main/resources/help/editor.css" />
		<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
        <script type="text/javascript" src="../callback.js"></script>
        <script type="text/javascript" src="../search/js/page-search.js"></script>
	</head>
	<body>
		<div class="mainpart">
            <div class="search-field">
                <input id="search" class="searchBar" placeholder="Поиск" type="text" onkeypress="doSearch(event)">
            </div>
			<h1>Добавление фона и границ ячеек</h1>
            <h3>Добавление фона ячеек</h3>
            <p>Для применения и форматирования фона ячеек в <a href="https://www.onlyoffice.com/ru/spreadsheet-editor.aspx" target="_blank" onclick="onhyperlinkclick(this)"><b>Редакторе таблиц</b></a>:</p>
            <ol>
                <li>
                    выделите ячейку или диапазон ячеек мышью или весь рабочий лист, нажав сочетание клавиш <b>Ctrl+A</b>,
                    <p class="note"><b>Примечание</b>: можно также выделить несколько ячеек или диапазонов ячеек, которые не являются смежными, удерживая клавишу <b>Ctrl</b> при выделении ячеек и диапазонов с помощью мыши.</p>
                </li>
                <li>чтобы применить к фону ячейки заливку <em>сплошным цветом</em>, щелкните по значку <b>Цвет заливки</b> <div class = "icon icon-backgroundcolor"></div>, расположенному на вкладке <b>Главная</b> верхней панели инструментов, и выберите нужный цвет,
                </li>
                <li>чтобы применить другие типы заливок, такие как <em>градиентная заливка</em> или <em>узор</em>, нажмите на значок <b>Параметры ячейки</b> <div class = "icon icon-cellsettings_rightpanel"></div> на правой боковой панели и используйте раздел <b>Заливка</b>:
                    <ul>
                        <li>
                            <b>Заливка цветом</b> - выберите эту опцию, чтобы задать сплошной цвет, которым требуется заполнить выделенные ячейки.
                            <p><img alt="Заливка цветом" src="../images/cell_fill_color.png" /></p>
                            <p id="color">Нажмите на цветной прямоугольник, расположенный ниже, и выберите на палитре один из следующих цветов:</p>
                            <p><img alt="Палитра" src="../images/palette.png" /></p>
                            <ul>
                                <li><b>Цвета темы</b> - цвета, соответствующие выбранной цветовой схеме таблицы.</li>
                                <li><b>Стандартные цвета</b> - набор стандартных цветов. Выбранная цветовая схема на них не влияет.</li>
                                <li>
                                    Вы также можете применить <b>пользовательский цвет</b>, используя следующие варианты::
                                    <ul>
                                        <li><b>Пипетка</b> - используйте эту опцию, чтобы выбрать нужный цвет, щелкнув по нему в таблице.</li>
                                        <li>
                                            <b>Другие цвета</b> - щелкните по этой надписи, если на доступных палитрах нет нужного цвета. Выберите нужный цветовой диапазон, перемещая вертикальный ползунок цвета, и определите конкретный цвет, перетаскивая инструмент для выбора цвета внутри большого квадратного цветового поля. Как только Вы выберете какой-то цвет, в полях справа отобразятся соответствующие цветовые значения RGB и sRGB. Также можно задать цвет на базе цветовой модели RGB, введя нужные числовые значения в полях <b>R</b>, <b>G</b>, <b>B</b> (красный, зеленый, синий), или указать шестнадцатеричный код sRGB в поле, отмеченном знаком <b>#</b>. Выбранный цвет появится в окне предварительного просмотра <b>Новый</b>. Если к объекту был ранее применен какой-то пользовательский цвет, этот цвет отображается в окне <b>Текущий</b>, так что вы можете сравнить исходный и измененный цвета. Когда цвет будет задан, нажмите на кнопку <b>Добавить</b>:
                                            <p><img alt="Палитра - Пользовательский цвет" src="../../../../../../common/main/resources/help/ru/images/palette_custom.png" /></p>
                                            <p>Пользовательский цвет будет применен к выбранному элементу и добавлен в палитру <b>Недавние цвета</b>.</p>
                                        </li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <b>Градиентная заливка</b> - выберите эту опцию, чтобы залить выделенные ячейки двумя цветами, плавно переходящими друг в друга.
                            <p><img alt="Градиентная заливка" src="../images/cell_fill_gradient.png" /></p>
                            <ul>
                                <li><b>Угол</b> - вручную укажите точное значение в градусах, определяющее направление градиента (цвета изменяются по прямой под заданным углом).</li>
                                <li><b>Направление</b> - выберите готовый шаблон из меню. Доступны следующие направления: из левого верхнего угла в нижний правый (<em>45&deg;</em>), сверху вниз (<em>90&deg;</em>), из правого верхнего угла в нижний левый (<em>135&deg;</em>), справа налево (<em>180&deg;</em>), из правого нижнего угла в верхний левый (<em>225&deg;</em>), снизу вверх (<em>270&deg;</em>), из левого нижнего угла в верхний правый (<em>315&deg;</em>), слева направо (<em>0&deg;</em>).</li>
                                <li>
                                    <b>Точки градиента</b> - это определенные точки перехода от одного цвета к другому.
                                    <ul>
                                        <li>Чтобы добавить точку градиента, используйте кнопку <div class = "icon icon-addgradientpoint"></div> <b>Добавить точку градиента</b> или ползунок. Вы можете добавить до 10 точек градиента. Каждая следующая добавленная точка градиента никоим образом не повлияет на внешний вид текущей градиентной заливки. Чтобы удалить определенную точку градиента, используйте кнопку  <div class = "icon icon-removegradientpoint"></div> <b>Удалить точку градиента</b>.</li>
                                        <li>Чтобы изменить положение точки градиента, используйте ползунок или укажите <b>Положение</b> в процентах для точного местоположения.</li>
                                        <li>Чтобы применить цвет к точке градиента, щелкните точку на панели ползунка, а затем нажмите <b>Цвет</b>, чтобы выбрать нужный цвет.</li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <b>Узор</b> - выберите эту опцию, чтобы залить выделенные ячейки с помощью двухцветного рисунка, который образован регулярно повторяющимися элементами.
                            <p><img alt="Заливка с помощью узора" src="../images/cell_fill_pattern.png" /></p>
                            <ul>
                                <li><b>Узор</b> - выберите один из готовых рисунков в меню.</li>
                                <li><b>Цвет переднего плана</b> - нажмите на это цветовое поле, чтобы изменить цвет элементов узора.</li>
                                <li><b>Цвет фона</b> - нажмите на это цветовое поле, чтобы изменить цвет фона узора.</li>
                            </ul>
                        </li>
                        <li><b>Без заливки</b> - выберите эту опцию, если вы вообще не хотите использовать заливку.</li>
                    </ul>
                </li>
            </ol>
            <h3 id="cell_borders">Добавление границ ячеек</h3>
			<p>Для добавления и форматирования границ на рабочем листе:</p>
			<ol>
				<li>выделите ячейку или диапазон ячеек мышью или весь рабочий лист, нажав сочетание клавиш <b>Ctrl+A</b>,
                <p class="note"><b>Примечание</b>: можно также выделить несколько ячеек или диапазонов ячеек, которые не являются смежными, удерживая клавишу <b>Ctrl</b> при выделении ячеек и диапазонов с помощью мыши.</p>
                </li>
				<li>щелкните по значку <b>Границы</b> <div class = "icon icon-addborders"></div>, расположенному на вкладке <b>Главная</b> верхней панели инструментов, или нажмите на значок <b>Параметры ячейки</b> <div class = "icon icon-cellsettings_rightpanel"></div> на правой боковой панели и используйте раздел <b>Стиль границ</b>,
                    <p><img alt="Вкладка Параметры ячейки" src="../images/cellsettingstab.png" /></p>
                </li>
				<li>выберите стиль границ, который требуется применить: 
                <ol>
                    <li>откройте подменю <b>Стиль границ</b> <div class = "icon icon-borderstyle"></div> и выберите один из доступных вариантов,</li>
                    <li>откройте подменю <b>Цвет границ</b> <div class = "icon icon-bordercolor"></div> или используйте палитру <b>Цвет</b> на правой боковой панели и выберите нужный цвет на палитре,</li>
                    <li>выберите один из доступных шаблонов границ: <b>Внешние границы</b> <div class = "icon icon-outsideborders"></div>, <b>Все границы</b> <div class = "icon icon-allborders"></div>, <b>Верхние границы</b> <div class = "icon icon-topborders"></div>, <b>Нижние границы</b> <div class = "icon icon-bottomborders"></div>, <b>Левые границы</b> <div class = "icon icon-leftborders"></div>, <b>Правые границы</b> <div class = "icon icon-rightborders"></div>, <b>Без границ</b> <div class = "icon icon-noborders"></div>, <b>Внутренние границы</b> <div class = "icon icon-insideborders"></div>, <b>Внутренние вертикальные границы</b> <div class = "icon icon-insideverticalborders"></div>, <b>Внутренние горизонтальные границы</b> <div class = "icon icon-insidehorizontalborders"></div>, <b>Диагональная граница снизу вверх</b> <div class = "icon icon-diagonal_up_border"></div>, <b>Диагональная граница сверху вниз</b> <div class = "icon icon-diagonal_down_border"></div>.</li>
                </ol>
                </li>      
            </ol>
		</div>
	</body>
</html>